import { CustomerDirective } from "./directives"

export const cusTextNoWrap: CustomerDirective = {
  type: "global",
  mounted(el, binding) {
    el.style['word-break'] = 'break-all'
    el.style['display'] = '-webkit-box'
    el.style['-webkit-box-orient'] = 'vertical'
    el.style['-webkit-line-clamp'] = binding.value ?? '1'
    el.style['overflow'] = 'hidden'
  }
}